<template>
    <div class="goodsComment list-wrap-pk">
        <div class="commentWrap">
            <pk-cell title="评价 （0）" is-link :border="true" value="查看全部" value-class="rightValue"></pk-cell>
            <div class="commentList d-flex-pk list-item-pk item-content-pk">
                <div class="profile">
                    <van-image
                        width="30"
                        height="30"
                        round
                        src="https://img.yzcdn.cn/vant/cat.jpeg">
                    </van-image>
                </div>
                <div class="commentContent">
                    <div>酒**g</div>
                    <div>2019-07-05 规格: 5KG</div>
                    <div class="ellipsis">感谢卖家，刚打开就吃了，太好吃了味道不错，里面的果肉还是挺新鲜的，红彤彤的很省略号省略号省略号省略号</div>
                </div>
            </div>
        </div>
        <div class="questionWrap">
            <pk-cell title="问大家 （0）" is-link :border="true"  value="查看全部" value-class="rightValue"></pk-cell>
            <div class="questionList">
                <pk-cell title="西瓜甜吗" value="12个人回答" pad-h="4px"></pk-cell>
                <pk-cell title="西瓜甜吗" value="12个人回答" pad-h="4px"></pk-cell>
            </div>
        </div>

    </div>
</template>

<script>
    import PkCell from "../../components/PkCell";
    export default {
        name: "goodsComment",
        props: {
            goodsInfo: {
                type: Object,
                default: function () {
                    return {}
                }
            }
        },
        components: { PkCell},

        data() {
            return {}
        },

        created() {
        },
        computed: {},
        watch: {},
        methods: {}
    }
</script>

<style lang="scss" scoped>
    .goodsComment {
        /deep/ .rightValue{
            color: var(--red-color) !important;
        }
        /deep/.van-cell__right-icon {
            color: var(--red-color) !important;
        }
        .commentList {
            overflow: hidden;
            .profile {
                padding-right: 15px;
            }
            .commentContent {
                flex: 1;
                overflow: hidden;
                .ellipsis {
                    /* autoprefixer: off */
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;

                    -webkit-line-clamp: 2;
                }
            }
        }
        .questionWrap {
            .questionList {
                padding: 4px 0;
            }
        }

    }
</style>
